.horizontal-tab-nav-item.is-active,
.vertical-tab-nav-item.is-active {
    background-color: var(--define-color-accent-3);
    color: var(--define-color-accent-13);
    border-radius: 10px;
}


button.mod-cta {
    background-color: var(--define-color-accent-3);
    color: var(--define-color-accent-13)
}


@media (hover:hover) {

    .horizontal-tab-nav-item.is-active,
    .vertical-tab-nav-item.is-active:hover {
        background-color: var(--define-color-accent-3);
        color: var(--define-color-accent-13)
    }


    button.mod-cta:hover {
        background-color: var(--define-color-accent-3);
        color: var(--define-color-accent-13)
    }
}


.setting-item-control input.slider {
    background-color: var(--define-color-accent-6);
}

.vertical-tabs-container .checkbox-container.is-enabled {
    background-color: var(--define-color-accent-7);
}

input[type="range"]::-webkit-slider-thumb {
    background: var(--define-color-accent-13);
    border-radius: 8px;
}